<template>
	<viv>
		<hiv vmode='center' style='height:86px;background-color: #000;'>
			<vblock length='33px'></vblock>
			<img src='@/static/img/LOGO@2x.png'/>
			<pow></pow>
			<span class='right-label'>{{config.welcome}}{{user.name?("，"+user.name):""}}</span>
			<vblock length='14px'></vblock>
			<img src='@/assets/logo.png' style='border-radius:50%;width:38px'>
			<vblock length='48px'></vblock>
		</hiv> 
	</viv>
</template>

<script> 
	import {mapState} from 'vuex';
	export default {
	  data() {
		  return {}
	  },
	  computed:{
		  ...mapState(['config','user'])
	  }
	}
</script>

<style>
	.right-label{
		font-size: 16px;
		font-weight: 400;
		color: #888;
		line-height: 22px;
	}
</style>